${'<%@page defaultCodec="none" %>'}
<!DOCTYPE html>
<html>
	<head>
		<title>Welcome to ${domainClass}App</title>	
		
		<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.min.css" type="text/css">

	</head>
	<body class="container">
	
		<div id="message-container"></div>
		
		<div id="app-container">
		
			<div id="table-container"></div>
			
			<div id="details-container"></div>
			
		</div>
		
		<script type="text/template" id="tpl-message-panel">
			<g:render template="/${domainClass}/templates/message"></g:render>
		</script>
								
		<script type="text/template" id="tpl-${domainClass}-table">
			<g:render template="/${domainClass}/templates/table_panel"></g:render>
		</script>
		
		<script type="text/template" id="tpl-${domainClass}-row">
			<g:render template="/${domainClass}/templates/table_panel_row"></g:render>
		</script>
		
		<script type="text/template" id="tpl-${domainClass}-details-form">
			<g:render template="/${domainClass}/templates/table_details_form"></g:render>
		</script>

		
		<script data-main="\${resource(dir:'js/${domainClass}', file:'main') }" src="http://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.9/require.min.js"></script>
	</body>
</html>
